
export const double_line_new = {
  title: [
    {
      top: '40%',
      left: 10,
      subtextStyle: {
        align: 'left',
        color: '#ffffff',
        fontSize: 12,
      },
      // subtext: '每\n月\n执\n行\n金\n额'//   \n换行
    },
    {
      top: '40%',
      right: 10,
      subtextStyle: {
        align: 'right',
        color: '#ffffff',
        fontSize: 12,
      },
      // subtext: '累\n计\n执\n行\n金\n额'
    },
  ],
  grid: {
    left: 40,
    right: 40,
    bottom: 60,
    top: 30,
  },
  backgroundColor: {
    type: 'linear',
    x: 0,
    y: 0,
    x2: 0,
    y2: 1,
    colorStops: [{
      offset: 0, color: 'rgba(70, 131, 254, 0)' // 0% 处的颜色
    }, {
      offset: 1, color: 'rgba(70, 131, 254, 0.5)' // 100% 处的颜色
    }],
    global: false // 缺省为 false
  },
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'cross',
      crossStyle: {
        color: '#999'
      }
    }
  },
  legend: {
    data: [
      {name: '电流1', icon: 'circle'},
      {name: '电压1', icon: 'circle'},
      {name: '电流'},
      {name: '电压'}
    ],
    textStyle: {
      color: '#ffffff',
      fontSize: 11
    },
    y: 'top',
    x: 'center',
  },
  xAxis: [
    {
      type: 'category',
      axisLine: {
        lineStyle: {
          color: '#1F7EFF',
          width: 1
        }
      },
      data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
      axisPointer: {
        type: 'shadow'
      },
      axisLabel: {
        interval: 0,//横轴信息全部显示
        textStyle: {
          color: '#fff'
        },
        fontSize: 11,
        // rotate:45,//度角倾斜显示
        formatter: function (value) {
          return value.length > 5 ? value.substring(0, 5) + '...' : value;
        }
      }
    }
  ],
  yAxis: [//这里配置两条Y轴
    {
      type: 'value',
      splitLine: {
        show: false,
        lineStyle: {
          color: '#021439',
          width: 1
        }
      },
      axisLine: {
        show: true,
        lineStyle: {
          color: '#1F7EFF',
          width: 1
        }
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#fff'
        },
        fontSize: 11,
        interval: 'auto',
        formatter: '{value}'
      },
      name: '电流（A）',
      nameTextStyle: {
        color: '#fff'
      }
    },
    {
      type: 'value',
      splitLine: {
        show: false,
        lineStyle: {
          color: '#021439',
          width: 1
        }
      },
      // splitArea: {show: true},
      axisLine: {
        show: true,
        lineStyle: {
          color: '#1F7EFF',
          width: 1
        }
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#fff'
        },
        fontSize: 11,
        interval: 'auto',
        formatter: '{value}'
      },
      name: '电压（V）',
      nameTextStyle: {
        color: '#fff',
        fontSize: 11,
      }
    }
  ],
  dataZoom: [
    {
      // yAxisIndex: 0,
      show: true,
      type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
      startValue: 0, // 从头开始。
      endValue: 12 // 一次性展示五个。
    }
  ],
  series: [
    {
      name: '电流',
      barWidth: '30%',
      type: 'line',
      smooth: true,
      itemStyle: {
        normal: {
          lineStyle: {
            color: '#E63234'
          },
          fontSize: 11,
          color: '#E63234',
        }
      },
      label: {
        normal: {
          show: true,
          formatter: (params) => {
            return (params.value)
          },
          color: '#E63234',
          position: 'top'
        }
      },
      areaStyle: {
        opacity: 0.1,
        color: '#E63234'
      },
      symbol: 'circle',
      symbolSize: 10, //折线点的大小
      yAxisIndex: 0, ////使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用。
      data: [
        220, 112, 221, 23, 45, 71, 112, 160, 219, 288, 363, 453],
      markLine: {
        label: {
          position: "middle", //将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束
          color: "orange"
        },
        symbol: "none",
        silent: true,
        lineStyle: {
          color: '#E63234'
        },
        data: [{
          yAxis: 10
        }]
      }
    },
    {
      name: '电压',
      barWidth: '30%',
      type: 'line',
      smooth: true,
      itemStyle: {
        normal: {
          lineStyle: {
            color: '#42C96E'
          },
          fontSize: 11,
          color: '#42C96E',
        }
      },
      label: {
        normal: {
          show: true,
          formatter: (params) => {
            return (params.value)
          },
          color: '#42C96E',
          position: 'top'
        }
      },
      areaStyle: {
        opacity: 0.1,
        color: '#42C96E'
      },
      symbol: 'circle',
      symbolSize: 10, //折线点的大小
      yAxisIndex: 1,
      data: [0, 0, 10, 23, 12, 22, 33, 12, 32, 1, 3, 5],
      markLine: {
        label: {
          color: "orange",
          position: "middle", //将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束
        },
        symbol: "none",
        silent: true,
        position: 'start',
        lineStyle: {
          color: '#42C96E'
        },
        data: [{
          yAxis: 10
        }]
      }
    },
  ],
};
